  <div class="addon-info-and-previews">
    {% if addon_name %}
      <h2>{{ addon_name }}</h2>
    {% endif %}
    {% if not addon.has_per_version_previews %}
    <div class="addon-previews">
      {% if addon.current_previews %}
        {% with preview=addon.current_previews[0] %}
          <a class="screenshot thumbnail" target="_blank" rel="noopener noreferrer"
             href="{{ preview.image_url }}" title="{{ preview.caption }}">
              <img alt="" src="{{ preview.thumbnail_url }}" />
          </a>
        {% endwith %}
      {% else %}
        <img class="screenshot thumbnail" src="{{ addon.get_icon_url(150) }}"
          alt="" width="200" height="150" />
      {% endif %}
    </div>
    {% endif %}

    <div class="addon-info object-lead">
      <p{{ addon.summary|locale_html }}>{{ addon.summary|nl2br }}</p>
      <table itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
        {% with addon_name='<span itemprop="itemreviewed">{0}</span>'|format_html(addon.name) %}
          <caption>Add-on Information for {{ addon_name }}</caption>
        {% endwith %}
        <tbody>
          <tr class="addon-guid">
            <th>Add-on ID</th>
            <td>{{ addon.guid }}</td>
          </tr>
          {% if addon.addonguid_guid and addon.addonguid_guid != addon.guid %}
            <tr class="addon-original-guid">
            <th>Original Add-on ID</th>
            <td>{{ addon.addonguid_guid }}</td>
          </tr>
          {% endif %}
          {% if addons_sharing_same_guid %}
          <tr class="addon-addons-sharing-guid">
            <th>Add-on(s) sharing same ID</th>
            <td>
                {% for addon_sharing_same_guid in addons_sharing_same_guid %}
                  {% set review_url = url('reviewers.review', 'unlisted', addon_sharing_same_guid.pk)
                                      if unlisted else url('reviewers.review', addon_sharing_same_guid.pk) %}
                  <a href="{{ review_url }}">{{ addon_sharing_same_guid }}</a>&nbsp;
                {% endfor %}
              </td>
          </tr>
          {% endif %}
          <tr class="addon-amo-id">
            <th>Internal AMO ID</th>
            <td>{{ addon.id }}</td>
          </tr>
          <tr class="addon-status">
            <th>Status</th>
            <td class="status-{{ amo.STATUS_CHOICES_API.get(addon.status, 'unknown') }}">
                <strong>{{ addon.get_status_display() }}</strong>
            </td>
          </tr>
          <tr class="addon-updated">
            <th>Updated</th>
            <td>
              <time datetime="{{ addon.last_updated|isotime }}">{{
                addon.last_updated|date }}</time>
            </td>
          </tr>
          {% if addon.homepage %}
            <tr>
              <th>Website</th>
              <td>
                <strong><a href="{{ addon.homepage|external_url }}">{{
                  addon.homepage }}</a></strong>
              </td>
            </tr>
          {% endif %}
          {% if addon.support_url %}
            <tr>
              <th>Support Website</th>
              <td>
                <strong><a href="{{ addon.support_url|external_url }}">{{
                  addon.support_url }}</a></strong>
              </td>
            </tr>
          {% endif %}
          {% if addon.has_listed_versions() %}
          <tr>
            <th>Visibility</th>
            <td>
              {% if not addon.is_disabled %}
                Visible
              {% elif addon.is_disabled %}
                Invisible
              {% endif %}
            </td>
          </tr>
          {% endif %}
          {# XXX future feature: 'Localizations' ... #}
          <tr class="meta-rating">
            <th>Rating</th>
            <td>
              <p class="addon-rating">
                {% with num=addon.total_ratings %}
                  {% if num %}
                  {{ addon.average_rating|float|stars }}
                  {% with count='<span itemprop="count">{0}</span>'|format_html(num|numberfmt) %}
                    {% set review_url_text = '{num} review(s)'|format_html(num=count) %}
                    {% if acl_is_review_moderator %}
                      {% set review_url = url('admin:ratings_rating_changelist')|urlparams(addon=addon.pk) %}
                      <a href="{{ review_url|absolutify }}"><strong>{{ review_url_text }}</strong></a>
                    {% else %}
                      <strong>{{ review_url_text }}</strong>
                    {% endif %}
                  {% endwith %}
                  {% else %}
                    <strong>Not yet rated</strong>
                  {% endif %}
                {% endwith %}
              </p>
            </td>
          </tr>
          <tr class="meta-stats">
            <th>Weekly Downloads</th>
            <td>
              <strong class="downloads">
                {{ addon.weekly_downloads|numberfmt }}
              </strong>
            </td>
          </tr>
          {% if addon.average_daily_users %}
            <tr class="meta-stats">
              <th>Average Daily Users</th>
              <td>
                <strong class="downloads">{{
                  addon.average_daily_users|numberfmt }}</strong> ({% if addon.hotness >= 0 %}+{% endif %}{{ addon.hotness * 100}}% from last week)
              </td>
            </tr>
          {% endif %}
          {% if reports %}
          <tr class="meta-abuse">
            <th>Abuse Reports</th>
            <td>
                <a href="{{ url('reviewers.abuse_reports', addon.pk)|absolutify }}{{ '?channel=unlisted' if unlisted else '' }}">
                  <strong>{{ reports.paginator.count|numberfmt }}</strong>
                </a>
            </td>
          </tr>
          {% endif %}
          {% if addon.privacy_policy %}
            <tr>
              <th>Privacy Policy</th>
              <td>
                <a href="{{ url('reviewers.privacy', addon.pk)|absolutify }}{{ '?channel=unlisted' if unlisted else '' }}">
                  View Privacy Policy</a>
              </td>
            </tr>
          {% endif %}
          <tr class="requires-payment">
            <th>Requires Payment</th>
            <td>
                {% if addon.requires_payment %}Yes{% else %}No{% endif %}
            </td>
          </tr>
          {% if addon.eula %}
            <tr>
              <th>EULA</th>
              <td>
                <a href="{{ url('reviewers.eula', addon.pk)|absolutify }}{{ '?channel=unlisted' if unlisted else '' }}">View End-User License Agreement</a>
              </td>
            </tr>
          {% endif %}
          {% if approvals_info %}
            <tr class="last-approval-date">
              <th> Last Approval Date </th>
              <td> {{ approvals_info.last_human_review|date }}</td>
            </tr>
          {% endif %}
        </tbody>
      </table>

    </div>{# /addon-info #}
  </div>{# /addon-info-and-previews #}

  <div class="reports-and-ratings">
    {% if reports %}
      <h3><a href="{{ url('reviewers.abuse_reports', addon.pk)|absolutify }}">Abuse Reports ({{ reports.paginator.count|numberfmt }})</a></h3>
      {% include "reviewers/includes/abuse_reports_list.html" %}
    {% endif %}

    {% if user_ratings %}
      <h3><a href="{{ url('addons.ratings.list', addon.pk)|absolutify }}">Bad User Ratings ({{ user_ratings.paginator.count|numberfmt }})</a></h3>
      {% include "reviewers/includes/user_ratings_list.html" %}
    {% endif %}
  </div>

  {% if addon.has_per_version_previews %}
    <div id="addon-theme-previews-wrapper">
      <h3>Theme Images</h3>
      <div>
        {% with previews = version.previews.all() if version else [] %}
        {% for preview in previews %}
          <img alt="" src="{{ preview.image_url }}" title="Rendered Preview" />
        {% endfor %}
        {% endwith %}
      </div>
      <div class="all-backgrounds" data-backgrounds-url="{{ url('reviewers.theme_background_images', version.id if version else 0) }}">
      </div>
    </div>
  {% elif addon.description or addon.current_previews|length > 1 or addon.developer_comments %}
    <h3 id="more-about" class="more-about">More about this add-on</h3>
    <div class="article userinput more-about">
      <p{{ addon.description|locale_html }}>{{ addon.description|nl2br }}</p>

      {% if addon.current_previews|length > 1 %}
        <h4>Image Gallery</h4>
        {% for preview in addon.current_previews[1:] %}
        <a class="screenshot thumbnail" target="_blank" rel="noopener noreferrer"
           href="{{ preview.image_url }}" title="{{ preview.caption }}">
            <img src="{{ preview.thumbnail_url }}" alt="" />
        </a>
        {% endfor %}
      {% endif %}

      {% if addon.developer_comments %}
      <h4>Developer Comments</h4>
        <div class="prose userinput">
          <p{{ addon.developer_comments|locale_html }}>{{
            addon.developer_comments|nl2br }}</p>
        </div>
      {% endif %}

    </div>{# /article #}
  {% else %}
    <h3 id="more-about" class="more-about">More about this add-on</h3>
    <div class="article more-about">
      <em>
        Nothing to see here!  The developer did not include any details.
      </em>
    </div>
  {% endif %}

  {% if name_translations %}
  <div id="name-translations">
    <h3> Add-on name translations </h3>
    <ul>
      {% for translations in name_translations|groupby('localized_string') %}
        <li><strong>{% for translation in translations.list|sort(attribute='locale') %}{{ language_dict.get(translation.locale|lower) }}{% if not loop.last %}, {% endif %}{% endfor %}:</strong> {{ translations.grouper }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}
